<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:cote="http://java.sun.com/jsf/composite/componentes">

    <p:panelGrid id="formGasto" style="width: 80%; margin: 0 auto" >
        <p:row>
            <p:column style="width: 15%">
                <h:outputLabel value="PROVEEDOR(*): " styleClass="lblForm" />
            </p:column>
            <p:column style="width: 35%">
                <p:inputText id="txtProveedor" readonly="true" style="width: 70%" 
                             value="#{BKCosteoImportacion.gastoAduanaFormulario.idProveedor.razonSocial}" />
                <cote:componenteFindProveedor id="findProveedor" 
                                              lblbtnfind="Buscar"                                                                                                      
                                              update=":formCosteoImportacion:tabFormulario:txtProveedor"/>
            </p:column>
            <p:column style="width: 15%">
                <h:outputText value="DOCUMENTO(*): " class="lblForm"  />
            </p:column>
            <p:column style="width: 35%">
                <p:inputText onkeyup="cambiarMayuscula(this)" id="txtDocumento" maxlength="50" required="true"
                             value="#{BKCosteoImportacion.gastoAduanaFormulario.documento}" />
                <p:message for="txtDocumento" display="text"/>
            </p:column>
        </p:row>
        <p:row>
            <p:column>
                <h:outputText value="CONCEPTO: " class="lblForm"  />
            </p:column>
            <p:column colspan="3">
                <p:inputTextarea id="txtConcepto" maxlength="200"
                                 style="width: 100%"
                                 value="#{BKCosteoImportacion.gastoAduanaFormulario.concepto}" />
            </p:column>
            
        </p:row>
        <p:row>
            <p:column>
                <h:outputText value="MONEDA(*): " class="lblForm"  />
            </p:column>
            <p:column>
                <p:selectOneMenu value="#{BKCosteoImportacion.gastoAduanaFormulario.idMoneda}" converter="#{tipoMonedaConverter}"
                                 required="true" id="cbxMoneda">  
                    <f:selectItem itemLabel="Seleccionar" itemValue="" />  
                    <f:selectItems value="#{BKCosteoImportacion.listaMonedas}"
                                   var="mon" itemLabel="#{mon.nombre}"
                                   itemValue="#{mon}" />
                    <p:ajax process="@this" update="txtTipoCambio" />
                </p:selectOneMenu>
                <p:message for="cbxMoneda" display="text"/>
            </p:column>
            <p:column>
                <h:outputText value="MONTO SIN IGV(*): " class="lblForm"  />
            </p:column>
            <p:column>
                <p:inputText id="txtMonto" value="#{BKCosteoImportacion.gastoAduanaFormulario.totalDolares}"
                             required="true"/>
                <p:message for="txtMonto" display="text"/>
            </p:column>
        </p:row>
        <p:row>
            <p:column>
                <h:outputText value="TIPO CAMBIO: " class="lblForm"  />
            </p:column>
            <p:column >
                <p:inputText id="txtTipoCambio" value="#{BKCosteoImportacion.gastoAduanaFormulario.tipoCambio}" 
                             required="true" disabled="#{MBGastoAduana.habilitarTipoCambio()}"/>
                <p:message for="txtTipoCambio" display="text"/>
            </p:column>
            <p:column>
                <h:outputText value="¿TIENE IGV?(*): " class="lblForm"  />
            </p:column>
            <p:column>
                <p:selectOneRadio id="options" value="#{BKCosteoImportacion.gastoAduanaFormulario.tieneIgv}"
                                  required="true">  
                    <f:selectItem itemLabel="Sí" itemValue="1" />  
                    <f:selectItem itemLabel="No" itemValue="0" /> 
                </p:selectOneRadio> 
                <p:message for="options" display="text"/>
            </p:column>
        </p:row>
        <p:row>
            <p:column colspan="4">    
                <p:commandButton id="btnAgregarGasto" actionListener="#{MBGastoAduana.agregarGastoAduana}" 
                                 ajax="true" update="dataTablaGasto,formGasto,:formCosteoImportacion:tabFormulario:dataTablaDetalle:txtAduana"  
                                 value="AGREGAR" process="formGasto" style="font-size: 11px"/>
            </p:column>
        </p:row>
    </p:panelGrid>

    <p:dataTable id="dataTablaGasto" var="gasto" value="#{BKCosteoImportacion.listaGastoAduana}" widgetVar="carsTable"
                 emptyMessage="No se encontraron elementos" rowsPerPageTemplate="15,25,35" editable="true"
                 paginator="true" rows="15" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink}
                 {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" rowIndexVar="rowIndex"
                 style="width:100%;margin: 10px 0" paginatorPosition="bottom" styleClass="datable-busqueda">


        <p:column id="idColumnaNum" style="width: 5%" headerText="Num.">
            <h:outputText value="#{rowIndex+1}" />
        </p:column>

        <p:column id="idColumnaProveedor" headerText="PROVEEDOR" >
            <h:outputText value="#{gasto.idProveedor.razonSocial}" />  
        </p:column>

        <p:column id="idColumnaCargo" headerText="DOCUMENTO" >
            <h:outputText value="#{gasto.documento}" />  
        </p:column>

        <p:column id="idColumnaTelefono" headerText="CONCEPTO" >
            <h:outputText value="#{gasto.concepto}" />  
        </p:column>

        <p:column id="idColumnaSoles" headerText="S/" >
            <h:outputText value="#{gasto.totalSoles}" style="float: right" >
                <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
            </h:outputText> 
        </p:column>

        <p:column id="idColumnaTC" headerText="TC" >
            <h:outputText value="#{gasto.tipoCambio}" style="float: right" >
            </h:outputText> 
        </p:column>

        <p:column id="idColumnaSin" headerText="SIN IGV($)">
            <h:outputText value="#{gasto.totalDolares}" style="float: right" >
                <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
            </h:outputText>

        </p:column>

        <p:column id="idColumnaIgv" headerText="IGV($)">
            <h:outputText value="#{gasto.igv}" style="float: right" >
                <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
            </h:outputText> 
        </p:column>

        <p:column id="idColumnaInc" headerText="INC IGV($)">
            <h:outputText value="#{gasto.total}" style="float: right" >
                <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
            </h:outputText> 
            <f:facet name="footer">  
                <h:outputText styleClass="negrita" value="#{BKCosteoImportacion.costeoFormulario.aduana}" >
                    <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                </h:outputText> 
            </f:facet>  
        </p:column>

        <p:column >             
            <p:commandButton id="selectButton" oncomplete="confirmacion.show()" ajax="true"
                             icon="ui-icon-trash" process="@this" >
                <f:setPropertyActionListener value="#{gasto}" target="#{BKCosteoImportacion.gastoAduanaSeleccionado}"/>
            </p:commandButton> 
        </p:column>    
    </p:dataTable>   
    <p:confirmDialog id="dlgEliminarGasto" message="¿ Realmente desea eliminar este elemento ?"
                     header="Eliminación" severity="alert" widgetVar="confirmacion">
        <h:panelGrid style="width: auto;margin:0px auto;border:0px;padding: 0 5px" columns="2">      
            <p:commandButton id="btnConfEliGasto" actionListener="#{MBGastoAduana.eliminarGastoAduana}" update="dataTablaGasto,
                             :formCosteoImportacion:tabFormulario:dataTablaDetalle:txtAduana"
                             value="Si" oncomplete="confirmacion.hide()" immediate="true" style="text-align: center" process="@this"  />
            <p:commandButton id="btnCancEliGasto" value="No" onclick="confirmacion.hide()" type="button" style="text-align: center" />
        </h:panelGrid>
    </p:confirmDialog>   

</html>